<template>
    <div class="home-nav">
        <img src="@/assets/logo.png" class="logo"/>

        <div class="search">
            <van-icon name="search" size="0.5rem" class="icon"></van-icon>
        </div>

        <van-icon name="wap-nav" size="0.8rem" class="nav"></van-icon>
    </div>
</template>

<style lang="scss" scoped>
    .home-nav {
        height: 50px;
        display: flex;
        align-items: center;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 100;
        background: white;

        .logo {
            width: 80px;
            height: 20px;
            padding: 0 10px;
        }

        .search {
            height: 30px;
            flex: 1;
            background: #EEE;
            border-radius: 15px;
            padding-left: 10px;
            line-height: 30px;
        }

        .nav {
            padding: 0 10px;
        }
    }
</style>
